.embed__modal {
	&.dialog.card {
		width: 80%;
		max-width: 740px;
	}

	.dialog__content {
		height: 100%;
		display: flex;
		flex-direction: column;
		padding-bottom: 0;

		.embed__header {
			padding-bottom: 10px;

			.embed__title {
				color: #4b6476;
				font-weight: 600;
			}

			input[type='text'].embed__url {
				margin-top: 1em;
			}
		}

		.embed__preview-container {
			background: var( --color-neutral-0 );
			padding: 24px;
			flex: 3;
			display: flex;
			overflow-y: auto;
			position: relative;
			min-height:50px;

			.embed__status {
				padding: 24px;
				width: 100%;

				&.isError {
					color: var( --color-error );
				}

				&.isLoading {
					position: absolute;
					top: 50%;
					left: 50%;
					width: auto;
					padding: 0;
					transform: translate( -50%, -50% );
				}
			}


			.embed__preview {
				height: 100%;
				width: 100%;

				&.isLoading {
					visibility: hidden;
				}
			}


		}
	}

	.dialog__action-buttons {
		border-top: none;
	}

	.dialog__action-buttons::before {
		background: none;
	}
}
